<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>clear</title>
</head>
<body>
    <div style="background-color: red;">
        <div style="float: left;">11111</div>
        <div style="float: left;">22222</div>
        <div style="clear: both"></div>
        <!--如果没有clear，1111和2222飘起来后，会把顶层div红色背景覆盖掉。-->
    </div>
</body>
</html>